#include("./header.html", {active:'links', title:'友链管理'})
<div class=main-content>
    <div class="panel mb25">
        <div class="panel-heading">友链列表</div>

        <div class="modal link-modal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class=modal-dialog>
                <div class=modal-content>
                    <form action="" role="form">
                        <div class=modal-header>
                            <button type=button class=close data-dismiss=modal aria-hidden=true>×</button>
                            <h4 class=modal-title>添加友链</h4>
                        </div>
                        <div class=modal-body>
                            <div class="row mb25">
                                <div class=col-xs-6>
                                    <label>标题</label>
                                    <input class=form-control placeholder="请输入标题" required="required"/>
                                </div>
                            </div>
                            <div class="row mb25">
                                <div class=col-xs-6>
                                    <label>链接地址</label>
                                    <input class=form-control placeholder="请输入链接地址" required="required"/>
                                </div>
                            </div>
                            <div class="row mb25">
                                <div class=col-xs-6>
                                    <label>链接图标</label>
                                    <input type="file">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer no-border">
                            <button type="button" class="btn btn-default" data-dismiss=modal>取消</button>
                            <button type="submit" class="btn btn-primary">添加</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="panel-body">
            <div class="table-responsive">
                <div class="row">
                    <div class="pull-left pl10">
                        <label>
                            <input type="search" class="form-control" placeholder="搜索...">
                        </label>
                        <a class="btn btn-icon-icon btn-sm btn-google-plus btn-round"><i class="fa fa-search"></i></a>
                    </div>
                    <div class="pull-right pr10">
                        <button data-toggle="modal" data-target=".link-modal" type="button" class="btn btn-success">
                            添加友链
                        </button>
                    </div>
                </div>
                <table class="table table-bordered table-striped mb0">
                    <thead>
                    <tr>
                        <th>标题</th>
                        <th>链接地址</th>
                        <th>链接图标</th>
                        <th>链接次序</th>
                        <th width="15%" align="center">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            王爵的技术博客
                        </td>
                        <td>
                            <a href="" class="" target="_blank">https://biezhi.me</a>
                        </td>
                        <td>
                            无
                        </td>
                        <td>
                            1
                        </td>
                        <td>
                            <a href="javascript:;" class="btn btn-danger btn-outline btn-sm">上移</a>
                            <a href="javascript:;" class="btn btn-danger btn-outline btn-sm">下移</a>
                            <a href="javascript:;" class="btn btn-danger btn-outline btn-sm">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            开源中国
                        </td>
                        <td>
                            <a href="" class="" target="_blank">http://www.oschina.net</a>
                        </td>
                        <td>
                            <img src="http://www.oschina.net/img/logo.gif"/>
                        </td>
                        <td>
                            1
                        </td>
                        <td>
                            <a href="javascript:;" class="btn btn-danger btn-outline btn-sm">上移</a>
                            <a href="javascript:;" class="btn btn-danger btn-outline btn-sm">下移</a>
                            <a href="javascript:;" class="btn btn-danger btn-outline btn-sm">删除</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
#include("./footer.html")
</body>
</html>